<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.bootcss.com/vue/2.5.17-beta.0/vue.min.js"></script>
</head>
<body>

  <!-- View
     Java代码 ${} :
     Vue ： {{}}
  -->
  <div id="app">
       {{args1}} {{title}} 你今年是{{age}}岁,{{flag}}<br/>
       {{array[2]}}<br/>
       {{person.age}}<br/>
       {{ sayHello()}}
  </div>



</body>
<script>
    //Model
    new Vue({
        //#  el: element的简称，也就是Vue实例挂载的元素节点，值可以是 CSS 选择符，或实际 HTML 元素，或返回 HTML 元素的函数。
        el:"#app",
        data:{
            title:"hello vue!",
            args1:"hi!",
            age:18,
            flag:true,
            array:[1,2,3,4],
            person:{"name":"老王","age":20}
        },
        methods:{
            sayHello:function(){
                return "@@@@@@@@@@hello vue";
            }
        }
    });
</script>
</html>